μλ°μ€ν¬λ¦½νΈ Import Mapsλ₯Ό μ¬μ©νμ¬ λͺ¨λ μ΄λ¦ μΆ©λμ ν΄κ²°νλ λ°©λ²μ μ¬μΈ΅μ μΌλ‘ μμλ΄ λλ€. 볡μ‘ν μλ°μ€ν¬λ¦½νΈ νλ‘μ νΈμμ μμ‘΄μ±μ κ΄λ¦¬νκ³ μ½λμ λͺ νμ±μ 보μ₯νλ λ°©λ²μ λ°°μ°μΈμ.
μλ°μ€ν¬λ¦½νΈ Import Maps μΆ©λ ν΄κ²°: λͺ¨λ μ΄λ¦ μΆ©λ μ²λ¦¬
μλ°μ€ν¬λ¦½νΈ Import Mapsλ λΈλΌμ°μ μμ λͺ¨λμ΄ ν΄μλλ λ°©μμ μ μ΄νλ κ°λ ₯ν λ©μ»€λμ¦μ μ 곡ν©λλ€. κ°λ°μλ λͺ¨λ μ§μ μλ₯Ό νΉμ URLμ λ§€ννμ¬ μμ‘΄μ± κ΄λ¦¬μ λν μ μ°μ±κ³Ό μ μ΄λ ₯μ μ»μ μ μμ΅λλ€. κ·Έλ¬λ νλ‘μ νΈκ° 볡μ‘ν΄μ§κ³ λ€μν μμ€μ λͺ¨λμ ν΅ν©ν¨μ λ°λΌ λͺ¨λ μ΄λ¦ μΆ©λ κ°λ₯μ±μ΄ λ°μν©λλ€. μ΄ κΈμμλ λͺ¨λ μ΄λ¦ μΆ©λμ λ¬Έμ μ μ μ΄ν΄λ³΄κ³ Import Mapsλ₯Ό μ¬μ©ν ν¨κ³Όμ μΈ μΆ©λ ν΄κ²° μ λ΅μ μ 곡ν©λλ€.
λͺ¨λ μ΄λ¦ μΆ©λ μ΄ν΄νκΈ°
λͺ¨λ μ΄λ¦ μΆ©λμ λ μ΄μμ λͺ¨λμ΄ λμΌν λͺ¨λ μ§μ μ(μ: 'lodash')λ₯Ό μ¬μ©νμ§λ§ μλ‘ λ€λ₯Έ κΈ°λ³Έ μ½λλ₯Ό μ°Έμ‘°ν λ λ°μν©λλ€. μ΄λ μκΈ°μΉ μμ λμ, λ°νμ μ€λ₯, μΌκ΄λ μ ν리μΌμ΄μ μν μ μ§μ μ΄λ €μμΌλ‘ μ΄μ΄μ§ μ μμ΅λλ€. λ κ°μ λ€λ₯Έ λΌμ΄λΈλ¬λ¦¬κ° λͺ¨λ 'lodash'μ μμ‘΄νμ§λ§, μ μ¬μ μΌλ‘ λ€λ₯Έ λ²μ μ΄λ ꡬμ±μ κΈ°λνλ μν©μ μμν΄ λ³΄μμμ€. μ μ ν μΆ©λ μ²λ¦¬ μμ΄λ λΈλΌμ°μ κ° μ§μ μλ₯Ό μλͺ»λ λͺ¨λλ‘ ν΄μνμ¬ νΈνμ± λ¬Έμ λ₯Ό μΌμΌν¬ μ μμ΅λλ€.
μΉ μ ν리μΌμ΄μ μ ꡬμΆνκ³ λ κ°μ μλνν° λΌμ΄λΈλ¬λ¦¬λ₯Ό μ¬μ©νλ μλ리μ€λ₯Ό μκ°ν΄ λ³΄κ² μ΅λλ€:
- λΌμ΄λΈλ¬λ¦¬ A: μ νΈλ¦¬ν° ν¨μλ₯Ό μν΄ 'lodash'μ μμ‘΄νλ λ°μ΄ν° μκ°ν λΌμ΄λΈλ¬λ¦¬.
- λΌμ΄λΈλ¬λ¦¬ B: μμ 'lodash'μ μμ‘΄νλ νΌ μ ν¨μ± κ²μ¬ λΌμ΄λΈλ¬λ¦¬.
λ§μ½ λ λΌμ΄λΈλ¬λ¦¬κ° λ¨μν 'lodash'λ₯Ό κ°μ Έμ¨λ€λ©΄, λΈλΌμ°μ λ κ° λΌμ΄λΈλ¬λ¦¬κ° μ΄λ€ 'lodash' λͺ¨λμ μ¬μ©ν΄μΌ νλμ§ κ²°μ ν λ°©λ²μ΄ νμν©λλ€. Import Mapsλ λ€λ₯Έ ν΄μ μ λ΅ μμ΄λ ν λΌμ΄λΈλ¬λ¦¬κ° μκΈ°μΉ μκ² λ€λ₯Έ λΌμ΄λΈλ¬λ¦¬μ 'lodash' λ²μ μ μ¬μ©νμ¬ μ€λ₯λ μλͺ»λ λμμ μΌμΌν€λ λ¬Έμ μ μ§λ©΄ν μ μμ΅λλ€.
λͺ¨λ ν΄μμμ Import Mapsμ μν
Import Mapsλ λΈλΌμ°μ μμ λͺ¨λ ν΄μμ μ μ΄νλ μ μΈμ μΈ λ°©λ²μ μ 곡ν©λλ€. μ΄κ²μ λͺ¨λ μ§μ μλ₯Ό URLμ λ§€ννλ JSON κ°μ²΄μ
λλ€. λΈλΌμ°μ κ° import λ¬Έμ λ§λλ©΄ Import Mapμ μ°Έμ‘°νμ¬ μμ²λ λͺ¨λμ μ¬λ°λ₯Έ URLμ κ²°μ ν©λλ€.
λ€μμ Import Mapμ κΈ°λ³Έ μμμ λλ€:
{
"imports": {
"lodash": "https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js",
"my-module": "./my-module.js"
}
}
μ΄ Import Mapμ λΈλΌμ°μ μκ² 'lodash' λͺ¨λ μ§μ μλ₯Ό 'https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js' URLλ‘, 'my-module'μ './my-module.js'λ‘ ν΄μνλλ‘ μ§μν©λλ€. λͺ¨λ ν΄μμ λν μ΄λ¬ν μ€μ μ§μ€μ μ μ΄λ μμ‘΄μ±μ κ΄λ¦¬νκ³ μΆ©λμ λ°©μ§νλ λ° λ§€μ° μ€μν©λλ€.
λͺ¨λ μ΄λ¦ μΆ©λ ν΄κ²° μ λ΅
Import Mapsλ₯Ό μ¬μ©νμ¬ λͺ¨λ μ΄λ¦ μΆ©λμ ν΄κ²°νκΈ° μν΄ μ¬λ¬ μ λ΅μ μ¬μ©ν μ μμ΅λλ€. μ΅μμ μ κ·Ό λ°©μμ νλ‘μ νΈμ νΉμ μꡬ μ¬νκ³Ό μΆ©λνλ λͺ¨λμ νΉμ±μ λ°λΌ λ€λ¦ λλ€.
1. λ²μ μ§μ (Scoped) Import Maps
λ²μ μ§μ Import Mapsλ₯Ό μ¬μ©νλ©΄ μ ν리μΌμ΄μ μ λ€λ₯Έ λΆλΆμ λν΄ λ€λ₯Έ λ§€νμ μ μν μ μμ΅λλ€. μ΄λ λμΌν μμ‘΄μ±μ λ€λ₯Έ λ²μ μ νμλ‘ νλ λͺ¨λμ΄ μμ λ νΉν μ μ©ν©λλ€.
λ²μ μ§μ Import Mapsλ₯Ό μ¬μ©νλ €λ©΄ μ£Ό Import Mapμ scopes μμ± λ΄μ Import Mapsλ₯Ό μ€μ²©μν¬ μ μμ΅λλ€. κ° λ²μλ URL μ λμ¬μ μ°κ΄λ©λλ€. μ΄λ€ URLμμ λͺ¨λμ κ°μ Έμ¬ λ ν΄λΉ URLμ΄ λ²μμ μ λμ¬μ μΌμΉνλ©΄, κ·Έ λ²μ λ΄μ Import Mapμ΄ λͺ¨λ ν΄μμ μ¬μ©λ©λλ€.
μμ:
{
"imports": {
"my-app/": "./src/",
},
"scopes": {
"./src/module-a/": {
"lodash": "https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"
},
"./src/module-b/": {
"lodash": "https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"
}
}
}
μ΄ μμμμ './src/module-a/' λλ ν 리 λ΄μ λͺ¨λμ lodash λ²μ 4.17.15λ₯Ό μ¬μ©νκ³ , './src/module-b/' λλ ν 리 λ΄μ λͺ¨λμ lodash λ²μ 4.17.21μ μ¬μ©ν©λλ€. λ€λ₯Έ λͺ¨λμ νΉμ λ§€νμ΄ μμΌλ―λ‘ λ체(fallback)μ μμ‘΄νκ±°λ, λλ¨Έμ§ μμ€ν κ΅¬μ± λ°©μμ λ°λΌ μ€ν¨ν μλ μμ΅λλ€.
μ΄ μ κ·Ό λ°©μμ λͺ¨λ ν΄μμ λν μΈλΆνλ μ μ΄λ₯Ό μ 곡νλ©°, μ ν리μΌμ΄μ μ λ€λ₯Έ λΆλΆμ΄ μλ‘ λ€λ₯Έ μμ‘΄μ± μꡬ μ¬νμ κ°μ§ λ μ΄μμ μ λλ€. λν μΌλΆ λΆλΆμ΄ μ¬μ ν μ΄μ λ²μ μ λΌμ΄λΈλ¬λ¦¬μ μμ‘΄νλ κ²½μ° μ½λλ₯Ό μ μ§μ μΌλ‘ λ§μ΄κ·Έλ μ΄μ νλ λ°μλ μ μ©ν©λλ€.
2. λͺ¨λ μ§μ μ μ΄λ¦ λ³κ²½
λ λ€λ₯Έ μ κ·Ό λ°©μμ μΆ©λμ νΌνκΈ° μν΄ λͺ¨λ μ§μ μμ μ΄λ¦μ λ°κΎΈλ κ²μ λλ€. μ΄λ μνλ κΈ°λ₯μ λ€λ₯Έ μ΄λ¦μΌλ‘ λ€μ λ΄λ³΄λ΄λ λνΌ(wrapper) λͺ¨λμ λ§λ€μ΄ μνν μ μμ΅λλ€. μ΄ μ λ΅μ μΆ©λνλ λͺ¨λμ κ°μ Έμ€λ μ½λλ₯Ό μ§μ μ μ΄ν μ μμ λ μ μ©ν©λλ€.
μλ₯Ό λ€μ΄, λ λΌμ΄λΈλ¬λ¦¬κ° λͺ¨λ 'utils'λΌλ λͺ¨λμ κ°μ Έμ€λ κ²½μ° λ€μκ³Ό κ°μ΄ λνΌ λͺ¨λμ λ§λ€ μ μμ΅λλ€:
utils-from-library-a.js:
import * as utils from 'library-a/utils';
export default utils;
utils-from-library-b.js:
import * as utils from 'library-b/utils';
export default utils;
κ·Έλ° λ€μ Import Mapμμ μ΄λ¬ν μ μ§μ μλ₯Ό ν΄λΉ URLμ λ§€νν μ μμ΅λλ€:
{
"imports": {
"utils-from-library-a": "./utils-from-library-a.js",
"utils-from-library-b": "./utils-from-library-b.js"
}
}
μ΄ μ κ·Ό λ°©μμ λͺ νν λΆλ¦¬λ₯Ό μ 곡νκ³ μ΄λ¦ μΆ©λμ νΌνμ§λ§, λͺ¨λμ κ°μ Έμ€λ μ½λλ₯Ό μμ ν΄μΌ ν©λλ€.
3. ν¨ν€μ§ μ΄λ¦μ μ λμ¬λ‘ μ¬μ©νκΈ°
λ νμ₯ κ°λ₯νκ³ μ μ§λ³΄μνκΈ° μ’μ μ κ·Ό λ°©μμ ν¨ν€μ§ μ΄λ¦μ λͺ¨λ μ§μ μμ μ λμ¬λ‘ μ¬μ©νλ κ²μ λλ€. μ΄ μ λ΅μ μμ‘΄μ±μ 체κ³μ μΌλ‘ μ 리νκ³ , νΉν λ§μ μμ λͺ¨λλ‘ μμ ν λ μΆ©λ κ°λ₯μ±μ μ€μ΄λ λ° λμμ΄ λ©λλ€.
μλ₯Ό λ€μ΄, 'lodash'λ₯Ό κ°μ Έμ€λ λμ 'lodash/core'λ 'lodash/fp'λ₯Ό μ¬μ©νμ¬ lodash λΌμ΄λΈλ¬λ¦¬μ νΉμ λΆλΆμ κ°μ Έμ¬ μ μμ΅λλ€. μ΄ μ κ·Ό λ°©μμ λ λμ μΈλΆμ±μ μ 곡νκ³ λΆνμν μ½λλ₯Ό κ°μ Έμ€λ κ²μ λ°©μ§ν©λλ€.
Import Mapμμλ μ΄λ¬ν μ λμ¬κ° λΆμ μ§μ μλ₯Ό ν΄λΉ URLμ λ§€νν μ μμ΅λλ€:
{
"imports": {
"lodash/core": "https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js",
}
}
μ΄ κΈ°μ μ λͺ¨λνλ₯Ό μ₯λ €νκ³ κ° λͺ¨λμ κ³ μ ν μ΄λ¦μ μ 곡νμ¬ μΆ©λμ λ°©μ§νλ λ° λμμ΄ λ©λλ€.
4. νμ 리μμ€ λ¬΄κ²°μ±(SRI) νμ©
μΆ©λ ν΄κ²°κ³Ό μ§μ μ μΈ κ΄λ ¨μ μμ§λ§, νμ 리μμ€ λ¬΄κ²°μ±(SRI)μ λ‘λνλ λͺ¨λμ΄ μμνλ λͺ¨λμΈμ§ νμΈνλ λ° μ€μν μν μ ν©λλ€. SRIλ₯Ό μ¬μ©νλ©΄ μμλλ λͺ¨λ μ½ν μΈ μ μνΈν ν΄μλ₯Ό μ§μ ν μ μμ΅λλ€. κ·Έλ¬λ©΄ λΈλΌμ°μ λ λ‘λλ λͺ¨λμ μ΄ ν΄μμ λΉκ΅νμ¬ λΆμΌμΉκ° μμΌλ©΄ κ±°λΆν©λλ€.
SRIλ μμ‘΄μ±μ λν μ μμ μ΄κ±°λ μ°λ°μ μΈ μμ μ λ°©μ§νλ λ° λμμ΄ λ©λλ€. CDNμ΄λ λ€λ₯Έ μΈλΆ μμ€μμ λͺ¨λμ λ‘λν λ νΉν μ€μν©λλ€.
μμ:
<script type="importmap">
{
"imports": {
"lodash": "https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"
}
}
</script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js" integrity="sha384-ZAVY9W0i0/JmvSqVpaivg9E9E5bA+e+qjX9D9j7n9E7N9E7N9E7N9E7N9E7N9E" crossorigin="anonymous"></script>
μ΄ μμμμ integrity μμ±μ μμλλ lodash λͺ¨λμ SHA-384 ν΄μλ₯Ό μ§μ ν©λλ€. λΈλΌμ°μ λ λͺ¨λμ ν΄μκ° μ΄ κ°κ³Ό μΌμΉνλ κ²½μ°μλ§ λͺ¨λμ λ‘λν©λλ€.
λͺ¨λ μμ‘΄μ± κ΄λ¦¬λ₯Ό μν λͺ¨λ² μ¬λ‘
μΆ©λ ν΄κ²°μ μν΄ Import Mapsλ₯Ό μ¬μ©νλ κ² μΈμλ, λ€μ λͺ¨λ² μ¬λ‘λ₯Ό λ°λ₯΄λ©΄ λͺ¨λ μμ‘΄μ±μ ν¨κ³Όμ μΌλ‘ κ΄λ¦¬νλ λ° λμμ΄ λ©λλ€:
- μΌκ΄λ λͺ¨λ ν΄μ μ λ΅ μ¬μ©: νλ‘μ νΈμ μ ν©ν λͺ¨λ ν΄μ μ λ΅μ μ ννκ³ μΌκ΄λκ² μ μ§νμΈμ. μ΄λ νΌλμ νΌνκ³ λͺ¨λμ΄ μ¬λ°λ₯΄κ² ν΄μλλλ‘ λ³΄μ₯νλ λ° λμμ΄ λ©λλ€.
- Import Maps 체κ³μ μΌλ‘ κ΄λ¦¬: νλ‘μ νΈκ° 컀μ§λ©΄μ Import Mapsκ° λ³΅μ‘ν΄μ§ μ μμ΅λλ€. κ΄λ ¨λ λ§€νμ ν¨κ» κ·Έλ£Ήννκ³ κ° λ§€νμ λͺ©μ μ μ€λͺ νλ μ£Όμμ μΆκ°νμ¬ μ²΄κ³μ μΌλ‘ κ΄λ¦¬νμΈμ.
- λ²μ κ΄λ¦¬ μ¬μ©: λ€λ₯Έ μμ€ μ½λμ ν¨κ» Import Mapsλ₯Ό λ²μ κ΄λ¦¬μ μ μ₯νμΈμ. μ΄λ₯Ό ν΅ν΄ λ³κ²½ μ¬νμ μΆμ νκ³ νμν κ²½μ° μ΄μ λ²μ μΌλ‘ λλ릴 μ μμ΅λλ€.
- λͺ¨λ ν΄μ ν μ€νΈ: λͺ¨λμ΄ μ¬λ°λ₯΄κ² ν΄μλλμ§ νμΈνκΈ° μν΄ λͺ¨λ ν΄μμ μ² μ ν ν μ€νΈνμΈμ. μλνλ ν μ€νΈλ₯Ό μ¬μ©νμ¬ μ μ¬μ μΈ λ¬Έμ λ₯Ό μ‘°κΈ°μ λ°κ²¬νμΈμ.
- νλ‘λμ μ μν λͺ¨λ λ²λ€λ¬ κ³ λ €: Import Mapsλ κ°λ°μ μ μ©νμ§λ§, νλ‘λμ νκ²½μμλ μΉν©(Webpack)μ΄λ λ‘€μ (Rollup)κ³Ό κ°μ λͺ¨λ λ²λ€λ¬ μ¬μ©μ κ³ λ €νμΈμ. λͺ¨λ λ²λ€λ¬λ μ½λλ₯Ό λ μ μ νμΌλ‘ λ¬Άμ΄ HTTP μμ²μ μ€μ΄κ³ μ±λ₯μ ν₯μμμΌ μ½λλ₯Ό μ΅μ νν μ μμ΅λλ€.
μ€μ μμ λ° μλ리μ€
Import Mapsλ₯Ό μ¬μ©νμ¬ λͺ¨λ μ΄λ¦ μΆ©λμ ν΄κ²°νλ λͺ κ°μ§ μ€μ μμ λ₯Ό μ΄ν΄λ³΄κ² μ΅λλ€:
μμ 1: λ κ±°μ μ½λ ν΅ν©
ES λͺ¨λκ³Ό Import Mapsλ₯Ό μ¬μ©νλ μ΅μ μΉ μ ν리μΌμ΄μ μμ μμ μ€μ΄λΌκ³ μμν΄ λ³΄μμμ€. ES λͺ¨λμ΄ λ±μ₯νκΈ° μ μ μμ±λ λ κ±°μ μλ°μ€ν¬λ¦½νΈ λΌμ΄λΈλ¬λ¦¬λ₯Ό ν΅ν©ν΄μΌ ν©λλ€. μ΄ λΌμ΄λΈλ¬λ¦¬λ μ μ λ³μλ λ€λ₯Έ μ€λλ λ°©μμ μμ‘΄ν μ μμ΅λλ€.
Import Mapsλ₯Ό μ¬μ©νμ¬ λ κ±°μ λΌμ΄λΈλ¬λ¦¬λ₯Ό ES λͺ¨λλ‘ κ°μΈκ³ μ΅μ μ ν리μΌμ΄μ κ³Ό νΈνλλλ‘ λ§λ€ μ μμ΅λλ€. λ κ±°μ λΌμ΄λΈλ¬λ¦¬μ κΈ°λ₯μ λͺ λͺ λ λ΄λ³΄λ΄κΈ°(named exports)λ‘ λ ΈμΆνλ λνΌ λͺ¨λμ λ§λμΈμ. κ·Έλ° λ€μ Import Mapμμ λͺ¨λ μ§μ μλ₯Ό λνΌ λͺ¨λμ λ§€νν©λλ€.
μμ 2: μ ν리μΌμ΄μ μ λ€λ₯Έ λΆλΆμμ λΌμ΄λΈλ¬λ¦¬μ λ€λ₯Έ λ²μ μ¬μ©
μμ μΈκΈνλ―μ΄, λ²μ μ§μ Import Mapsλ μ ν리μΌμ΄μ μ λ€λ₯Έ λΆλΆμμ λμΌν λΌμ΄λΈλ¬λ¦¬μ λ€λ₯Έ λ²μ μ μ¬μ©νλ λ° μ΄μμ μ λλ€. μ΄λ μ½λλ₯Ό μ μ§μ μΌλ‘ λ§μ΄κ·Έλ μ΄μ νκ±°λ λ²μ κ°μ νΈνλμ§ μλ λ³κ²½(breaking changes)μ΄ μλ λΌμ΄λΈλ¬λ¦¬λ‘ μμ ν λ νΉν μ μ©ν©λλ€.
λ²μ μ§μ Import Mapsλ₯Ό μ¬μ©νμ¬ μ ν리μΌμ΄μ μ λ€λ₯Έ λΆλΆμ λν΄ λ€λ₯Έ λ§€νμ μ μνκ³ , κ° λΆλΆμ΄ μ¬λ°λ₯Έ λ²μ μ λΌμ΄λΈλ¬λ¦¬λ₯Ό μ¬μ©νλλ‘ λ³΄μ₯νμΈμ.
μμ 3: λμ μΌλ‘ λͺ¨λ λ‘λνκΈ°
Import Mapsλ λ°νμμ λμ μΌλ‘ λͺ¨λμ λ‘λνλ λ°μλ μ¬μ©ν μ μμ΅λλ€. μ΄λ μ½λ λΆν (code splitting)μ΄λ μ§μ° λ‘λ©(lazy loading)κ³Ό κ°μ κΈ°λ₯μ ꡬννλ λ° μ μ©ν©λλ€.
λ°νμ 쑰건μ λ°λΌ λͺ¨λ μ§μ μλ₯Ό URLμ λ§€ννλ λμ Import Mapμ λ§λμΈμ. μ΄λ₯Ό ν΅ν΄ νμμ λ°λΌ λͺ¨λμ λ‘λνμ¬ μ ν리μΌμ΄μ μ μ΄κΈ° λ‘λ μκ°μ μ€μΌ μ μμ΅λλ€.
λͺ¨λ ν΄μμ λ―Έλ
μλ°μ€ν¬λ¦½νΈ λͺ¨λ ν΄μμ κ³μ λ°μ νλ λΆμΌμ΄λ©°, Import Mapsλ κ·Έ νΌμ¦μ ν μ‘°κ°μΌ λΏμ λλ€. μΉ νλ«νΌμ΄ κ³μ λ°μ ν¨μ λ°λΌ λͺ¨λ μμ‘΄μ±μ κ΄λ¦¬νκΈ° μν μλ‘κ³ κ°μ λ λ©μ»€λμ¦μ κΈ°λν μ μμ΅λλ€. μλ²μ¬μ΄λ λ λλ§ λ° κΈ°ν κ³ κΈ κΈ°μ λν ν¨μ¨μ μΈ λͺ¨λ λ‘λ© λ° μ€νμ μ€μν μν μ ν©λλ€.
μλ°μ€ν¬λ¦½νΈ λͺ¨λ ν΄μμ μ΅μ λν₯μ μ£Όμνκ³ , νκ²½μ΄ λ³νν¨μ λ°λΌ μ λ΅μ μ‘°μ ν μ€λΉλ₯Ό νμΈμ.
κ²°λ‘
λͺ¨λ μ΄λ¦ μΆ©λμ μλ°μ€ν¬λ¦½νΈ κ°λ°, νΉν ν¬κ³ 볡μ‘ν νλ‘μ νΈμμ νν λ°μνλ λ¬Έμ μ λλ€. μλ°μ€ν¬λ¦½νΈ Import Mapsλ μ΄λ¬ν μΆ©λμ ν΄κ²°νκ³ λͺ¨λ μμ‘΄μ±μ κ΄λ¦¬νλ κ°λ ₯νκ³ μ μ°ν λ©μ»€λμ¦μ μ 곡ν©λλ€. λ²μ μ§μ Import Maps, λͺ¨λ μ§μ μ μ΄λ¦ λ³κ²½, SRI νμ©κ³Ό κ°μ μ λ΅μ μ¬μ©νμ¬ λͺ¨λμ΄ μ¬λ°λ₯΄κ² ν΄μλκ³ μ ν리μΌμ΄μ μ΄ μμλλ‘ λμνλλ‘ λ³΄μ₯ν μ μμ΅λλ€.
μ΄ κΈμμ μ€λͺ ν λͺ¨λ² μ¬λ‘λ₯Ό λ°λ₯΄λ©΄ λͺ¨λ μμ‘΄μ±μ ν¨κ³Όμ μΌλ‘ κ΄λ¦¬νκ³ κ²¬κ³ νλ©° μ μ§λ³΄μ κ°λ₯ν μλ°μ€ν¬λ¦½νΈ μ ν리μΌμ΄μ μ ꡬμΆν μ μμ΅λλ€. Import Mapsμ κ°λ ₯ν κΈ°λ₯μ νμ©νμ¬ λͺ¨λ ν΄μ μ λ΅μ μλ²½νκ² μ μ΄νμΈμ!